$borderColor:#EBEBEB;

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

.wrap {
  margin: 0 auto;
  width: 98%;
}

input,
label {
  vertical-align: middle;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:after {
  display: block;
  content: '';
  clear: both;
  overflow: hidden;
}

.line-top {
  line-height: 30px;
  .wrap{
    border-bottom:1px solid $borderColor;
  }
  // background: rgb(206, 206, 206);

  .sort-label,
  .checkbox-list {
    display: inline-block;
  }

  .sort-label {}

  .checkbox-list {
    >li {
      display: inline-block;
      margin-right: 8px;

      $inputWH: 18px;

      input {
        width: $inputWH;
        height: $inputWH;
        background: none;
      }
    }
  }
}

.line-bottom {
  margin-top: 10px;
  background: rgb(238, 209, 167);

  .fl {
    width: 49%;
  }

  .fr {
    width: 49%;
  }

}

.table-wrap {
  // display: table-cell;
  width: 100%;
  border:1px solid $borderColor;
  background:#fff;
  
  // tr{
    // height: $trH;
    // line-height: $trH;
  // }
  td{
    text-align: center;
    border-left: 1px solid $borderColor;
    &:first-child{
      border: none;
    }
  }
  $theadH:36px;
  thead{
    background: #F6F9FD;
    tr{
      height: $theadH;
      line-height: $theadH;
    }
  }
  tbody{
    $trH:$theadH + 6px;
    tr{
      height: $trH;
      line-height: $trH;
      cursor: pointer;
    }
    tr:hover{
      background:#F6F6F6;
    }
  }


  .td1 { width: 130px; }
  .td2 { width: 160px; }
  .td3 { width: 190px; }
  .td4 { width: 220px; }
  .td5 { width: 250px; }
  .td6 { width: 320px; }

  // .thead {
  //   width: 100%;
  //   background: #F6F9FD;
  // }

  // .tbody {
  //   width: 100%;
  // }

  // .tr {
  //   width: 100%;
  //   height: 30px;
  //   line-height: 30px;

  //   .td {
  //     display: inline-block;
  //     padding: 0 10px;
  //     min-height: 10px;
  //     border-left: 1px solid rgb(204, 204, 204);
  //   }
  // }
}